<div id="seqconfig_seqconfigAdmin">
    <!--列表窗口-->
    <div class="filter-container">
        <el-form-q ref="queryCon" form="query" :field-data="queryFields" :buttons="queryButtons"></el-form-q>
        <yu-toolBar>
            <el-button @click="openAddFn">{{ $t('sequenceConfig.xz') }}</el-button>
            <el-button @click="openUpdateFn">{{ $t('sequenceConfig.bj') }}</el-button>
            <el-button @click="deleteFn">{{ $t('sequenceConfig.sc') }}</el-button>
            <el-button @click="createSeqFn">{{ $t('sequenceConfig.shengcxl') }}</el-button>
            <el-button @click="deleteSeqFn">{{ $t('sequenceConfig.shancxl') }}</el-button>
            <el-button @click="resetSeqFn">{{ $t('sequenceConfig.zzxl') }}</el-button>
        </yu-toolBar>
    </div>
    <el-table-x ref="seqconfigTable" align="center" :radiobox="mainGrid.radiobox" :data-url="mainGrid.dataUrl" :data-params="mainGrid.dataParams"
        :table-columns="mainGrid.tableColumns" @custom-detail-click="openDetailFn">
    </el-table-x>

    <!--{{ $t('sequenceConfig.xz') }}/修改 表单窗口-->
    <el-dialog-x :center="true" :title="dialogTitle" :visible.sync="dialogFormVisible" height="500px" width="800px" top="10%">
        <el-collapse v-model="activeName">
            <el-collapse-item :title="$t('sequenceConfig.mbjcxxpz')" name="1">
                <el-form-x ref="form" :group-fields="updateFields" label-width="110px" :disabled="formAllDisabled"></el-form-x>
            </el-collapse-item>
            <el-collapse-item :title="$t('sequenceConfig.mbgspz')" name="2">
                <el-table :data="tableData" :fit=true @row-dblclick="dbClickFn">
                    <el-table-column prop="variateName" :label="$t('sequenceConfig.blmc')" align="center"></el-table-column>
                    <el-table-column prop="variateValue" :label="$t('sequenceConfig.blz')" align="center"></el-table-column>
                    <el-table-column prop="variateDes" :label="$t('sequenceConfig.sm')" align="center"></el-table-column>
                </el-table>
                <el-form-x ref="otherForm" label-width="130px" :group-fields="updateOtherFields" label-width="110px" :disabled="formAllDisabled"></el-form-x>
            </el-collapse-item>
        </el-collapse>
        <div slot="footer" align="center">
            <el-button v-if="!formAllDisabled" type="primary" @click="saveFn">{{ $t('sequenceConfig.bc') }}</el-button>
            <el-button type="primary" @click="cancelFn">{{ $t('sequenceConfig.qx') }}</el-button>
        </div>
    </el-dialog-x>
</div>